@import '~@/assets/style/variable'

.header
  align-items center
  justify-content space-between
  display flex
  height 50px
  width 100%
  background-color #009688
  > div
    display flex
    align-items center
    height 100%
    font-size 0
    > a 
      display inline-block
      width 300px
      text-align center
      font-size 24px
      line-height 30px
      -webkit-margin-before 0
      -webkit-margin-after 0
      color #fff
      background-color #007d71
      height 100%
      text-decoration none
      line-height 50px
    > button
      width 50px
      padding 0
      display inline-flex
      height 100%
      justify-content center
      color #fff
      border 0
      background-color transparent
      outline none
      align-items center
      &:hover
        cursor pointer
        background-color #007d71
  > a
    margin-right 15px
    color #fff
    background-color transparent
    outline none
    width 30px
    height 30px
    display flex
    align-items center
    justify-content center
    &:hover
      cursor pointer
      border-radius 50%
      background-color #007d71